<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>金融供需模型</title>
    <link rel="icon" type="image/x-icon" href="/img/favicon.jpg"/>
</head>
<link rel="stylesheet" href="https://qidian.gtimg.com/lulu/pure/css/common/ui/Input.css">
<link rel="stylesheet" href="/css/pure/pure-min.css">
<link rel="stylesheet" href="/css/index.css">

<!--轮播-->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

<style>
    .session_box{
        width: 80%;height: 100%;
        background-color: white;
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        margin: 1px auto;
    }
    .session{
        width: calc(50% - 2px);
        height: calc(50% - 5px);
        background-color: white;
        margin-left: 2px;
        margin-top: 5px;
    }
    .session_img{
        width: calc(100%);height:calc(100%)
    }
    .p{
        text-align: left;
        font-size: 15px;
        margin: 3% 3%
    }

</style>
<body>
<!--导航栏-->
<div th:replace="common :: navbar"></div>

<section class="session_box">
    <div class="session">
        <img class="session_img" th:src="${lesson.imgUrl}"  onerror="this.src='/img/default.jfif'" >
    </div>
    <div class="session" >
        <p class="p" style="text-align: left;font-size: 18px;color: cornflowerblue">简介</p>
        <p  class="p" th:text="'课程名称：'+${lesson.name}"></p>
<!--        <p  class="p" th:text="${lesson.name}"> 2课时</p>-->
        <p  class="p" th:text="'创建人：'+${lesson.userName}"></p>
        <p th:if="${session.user.role == 3}"  class="p">
            <a id="join"  class="button-warning pure-button" th:href="@{/lessonInfo(id=${lesson.id})}" style="margin-top: 10%;text-align: left;margin-left:5%;background-color: #f59b00">进入课程</a>
        </p>
    </div>
    <div class="session" style="width: 70%">
        <p style="text-align: left;font-size: 18px;color: cornflowerblue">课程简介</p>
        <p class="" style="font-size: 15px;text-align: left" th:text="${lesson.remark}"></p>
    </div>
    <div class="session" style="width: 25%;margin-left: 2%">
        <p class="p" style="text-align: left;font-size: 18px;color: cornflowerblue">基本信息</p>
        <p class="p">加入人数  28 人</p>
        <p class="p">授课教师  王光亚</p>
    </div>




</section>

<script>

</script>


</body>
</html>